<template>
  <div id="app">

    <!-- 当路由跳转时，组件不会删除，而是隐藏，vue的路由切换时，组件会自动销毁和重建，针对不需要销毁的组件可通过keep-alive保持在失活状态，但是有些页面，例如详情页使用此方式，在点击别的详情页时会继续回到之前保持失活的页面，无法发送ajax请求新的数据，所以有些页面不能使用此方式，通过判断进行添加 -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepalive" />
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepalive" />
  </div>
</template>
